import React from 'react'
import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom"
import Home from './pages/Home';
import Login from './pages/Login';
import NotFind from './pages/NotFind'
import SettleIn from './pages/settle-in/SettleIn'
import Main from './pages/Main'
import DataS from './pages/serviceDemo/DataService'
import ShopS from './pages/serviceDemo/ShopService'
import Takes from './pages/serviceDemo/TakeService'
import Types from './pages/serviceDemo/TypeService'
import ShopType from './pages/shopManage/ShopType';
import Shop from './pages/shopManage/shop';
import Complaints from "./pages/storeManage/Complaints"
import Powerstation from "./pages/storeManage/Powerstation"
import ShopAudits from "./pages/storeManage/ShopAudits"
import Stores from "./pages/storeManage/Stores"

function App() {
  return (
    <div className="App">
      <BrowserRouter>
        <Routes>
          <Route index element={<Login></Login>}></Route>
          <Route path="/login" element={<Login></Login>}></Route>
          <Route path="/settleIn" element={<SettleIn></SettleIn>}></Route>
          <Route path="/home" element={<Home></Home>}>
            <Route index element={<Main></Main>}></Route>
            <Route path='dataS' element={<DataS></DataS>}></Route>
            <Route path='shops' element={<ShopS></ShopS>}></Route>
            <Route path='takes' element={<Takes></Takes>}></Route>
            <Route path='types' element={<Types></Types>}></Route>
            <Route path="shoptype" element={<ShopType></ShopType>}></Route>
            <Route path="shop" element={<Shop></Shop>}></Route>
            <Route path="complaints" element={<Complaints></Complaints>}></Route>
            <Route path="powerstation" element={<Powerstation></Powerstation>}></Route>
            <Route path="shopAudits" element={<ShopAudits></ShopAudits>}></Route>
            <Route path="stores" element={<Stores></Stores>}></Route>
          </Route>
          <Route path="/notFind" element={<NotFind></NotFind>}></Route>
          <Route path='*' element={<Navigate to={'/notFind'}></Navigate>}></Route>
        </Routes>
      </BrowserRouter>
    </div>
  )
}

export default App;
